:root{--color-bg: linear-gradient(135deg, #FFF5E6 0%, #FFE6D9 100%);--color-surface: #FFFFFF;--color-primary: #FFB3BA;--color-secondary: #FFCDB3;--color-accent: #BAFFC9;--color-info: #BAE1FF;--color-text: #3A3A3A;--color-text-light: #757575;--shadow-soft: 0 4px 16px rgba(0, 0, 0, .08);--shadow-hover: 0 8px 24px rgba(0, 0, 0, .12);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;background:var(--color-bg);color:var(--color-text);min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(255,179,186,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(186,255,201,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(186,225,255,.06) 0%,transparent 50%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="20" cy="20" r="2" fill="rgba(0,0,0,0.03)"/><circle cx="60" cy="50" r="2" fill="rgba(0,0,0,0.03)"/><circle cx="80" cy="30" r="1.5" fill="rgba(0,0,0,0.03)"/></svg>');background-size:100px 100px;opacity:.5;pointer-events:none;z-index:0}#app{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;z-index:1}.app-container{width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center;gap:20px;position:relative}.character{position:absolute;top:0;right:20px;z-index:10;transition:transform .5s ease}.character.looking-at-notepad{transform:translate(-20px) rotate(-5deg)}.character.processing .character-body{animation:excite .3s ease infinite}.character.processing:after{content:"👓";position:absolute;top:25px;left:25px;font-size:1.5rem;animation:fadeIn .3s ease}.character-body{width:80px;height:80px;background:var(--color-primary);border-radius:50%;position:relative;animation:breathe 3s ease-in-out infinite}.character-face{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eye{width:8px;height:8px;background:var(--color-text);border-radius:50%;position:absolute;animation:blink 4s infinite}.eye.left{left:-12px}.eye.right{left:12px}.mouth{width:16px;height:8px;border:2px solid var(--color-text);border-top:none;border-radius:0 0 16px 16px;position:absolute;top:12px;left:-8px}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes excite{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.05) rotate(-2deg)}75%{transform:scale(1.05) rotate(2deg)}}@keyframes blink{0%,90%,to{height:8px}95%{height:2px}}@keyframes nod{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.header{text-align:center;margin-bottom:16px}.title{font-size:2.5rem;font-weight:700;color:var(--color-text);margin-bottom:12px;letter-spacing:-.02em}.subtitle{font-size:1rem;color:var(--color-text-light);transition:opacity .3s ease}.notepad-container{width:100%;max-width:500px;display:flex;flex-direction:column;gap:10px}.notepad{width:100%;background:#fffef5;border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-soft);position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.notepad:focus-within{transform:translateY(-2px);box-shadow:var(--shadow-hover),0 0 0 3px #ffb3ba26}.tape{position:absolute;top:-10px;left:40px;width:60px;height:20px;background:#fffc;border:1px solid rgba(0,0,0,.1);opacity:.6;transform:rotate(-5deg)}.clear-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:#0000000d;color:var(--color-text-light);border-radius:50%;cursor:pointer;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:1}.clear-btn:hover{background:#ffb3ba33;color:#d64045;transform:scale(1.1)}.clear-btn:active{transform:scale(.95)}.notepad-input{width:100%;min-height:120px;border:none;outline:none;background:transparent;font-size:1.125rem;color:var(--color-text);resize:none;font-family:inherit;line-height:1.6}.notepad-input::placeholder{color:#0006}.notepad-emoji{position:absolute;bottom:16px;right:16px;font-size:1.5rem;transition:all .3s ease;user-select:none;pointer-events:none}.notepad-hint{text-align:center;font-size:.875rem;color:var(--color-text-light);font-weight:500}.examples-container{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.example-chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.example-chip{padding:6px 14px;background:#fff;border:1.5px solid rgba(255,179,186,.4);border-radius:20px;font-size:.875rem;color:var(--color-text);cursor:pointer;transition:all .2s ease}.example-chip:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-2px)}.example-chip:active{transform:translateY(0)}.refresh-chips-btn{width:28px;height:28px;padding:0;background:#ffb3ba1a;border:1px solid rgba(255,179,186,.3);border-radius:50%;font-size:1.125rem;color:var(--color-text-light);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.refresh-chips-btn:hover{background:#ffb3ba33;border-color:#ffb3ba80;color:var(--color-text);transform:rotate(180deg) scale(1.1)}.refresh-chips-btn:active{transform:rotate(180deg) scale(.95)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.toolbar-container{width:100%;max-width:600px;display:flex;flex-direction:column;gap:12px}.machine-stage{width:100%;padding:12px 0 8px;position:relative}.stage-platform{display:flex;align-items:center;justify-content:center;gap:12px;position:relative}.stage-platform:before{content:"▼";font-size:1.2rem;color:#ffb3ba80;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.stage-rail{width:100px;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,179,186,.3) 20%,rgba(255,179,186,.5) 50%,rgba(255,179,186,.3) 80%,transparent 100%);border-radius:1px;position:relative}.stage-rail:first-child{order:-1}.stage-rail:last-child{order:1}.toolbar-title{text-align:center;font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:12px}.toolbar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:600px;margin:0 auto}.tool-button{background:var(--color-surface);border:2px solid transparent;border-radius:var(--radius-md);padding:20px 12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .25s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.tool-button.disabled{opacity:.5;cursor:not-allowed}.tool-button.disabled:hover{transform:none;box-shadow:var(--shadow-soft);border-color:transparent}.tool-button:not(.disabled):hover{transform:translateY(-4px) scale(1.03);box-shadow:var(--shadow-hover);border-color:var(--color-primary)}.tool-button:not(.disabled):hover .tool-icon{transform:scale(1.08)}.tool-button:not(.disabled):active{transform:translateY(-2px) scale(.98);box-shadow:0 4px 12px #0000001a}.tool-icon{font-size:2rem;transition:transform .25s ease}.tool-name{font-size:.875rem;font-weight:600;color:var(--color-text);text-align:center}.toast{position:fixed;top:80px;left:50%;transform:translate(-50%) translateY(-20px);background:var(--color-text);color:#fff;padding:12px 24px;border-radius:var(--radius-sm);font-size:.875rem;opacity:0;transition:all .3s ease;z-index:1000}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fffaf0d9;backdrop-filter:blur(8px);z-index:100;animation:overlayFadeIn .4s ease}.animation-stage{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:600px;height:400px;z-index:101;pointer-events:none;animation:stageFadeIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes overlayFadeIn{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(8px)}}@keyframes stageFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.end-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) translateY(20px) scale(.9);background:linear-gradient(135deg,#fff,#fff9f0);color:var(--color-text);padding:20px 36px;border-radius:var(--radius-lg);font-size:1.125rem;font-weight:500;box-shadow:0 12px 40px #ffb3ba4d;border:1px solid rgba(255,179,186,.2);opacity:0;transition:all .5s cubic-bezier(.34,1.56,.64,1);z-index:102;text-align:center;line-height:1.6}.end-message.show{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1)}.notepad-clone{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;background:#fffef5;border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-soft);animation:notepadFlyIn .6s cubic-bezier(.34,1.56,.64,1)}@keyframes notepadFlyIn{0%{opacity:0;transform:translate(-50%,-30%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.shredder{position:absolute;bottom:20%;left:50%;transform:translate(-50%);animation:shredderEntry .4s cubic-bezier(.34,1.56,.64,1)}.shredder-body{width:380px;height:240px;background:linear-gradient(135deg,#94a3b8,#64748b);border-radius:20px;position:relative;box-shadow:0 8px 24px #64748b66,inset 0 1px #fff3;border:2px solid #475569}.shredder-body:before{content:"";position:absolute;width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px);border-radius:12px;pointer-events:none}.shredder-body:after{content:"";position:absolute;width:100px;height:14px;background:linear-gradient(90deg,#4AFF4A 0%,#4AFF4A 30%,transparent 30%,transparent 40%,#FFD700 40%,#FFD700 70%,transparent 70%,transparent 80%,#FF6B6B 80%,#FF6B6B 100%);border-radius:7px;top:25px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #4aff4a80;animation:indicatorSweep 2s ease-in-out infinite}.shredder-slot{width:310px;height:20px;background:linear-gradient(180deg,#1e293b,#0f172a);position:absolute;top:100px;left:35px;border-radius:10px;box-shadow:inset 0 4px 16px #0009;border:2px solid #334155}@keyframes shredderEntry{0%{transform:translate(-50%) translateY(100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes indicatorBlink{0%,to{opacity:1}50%{opacity:.3}}@keyframes indicatorSweep{0%,to{box-shadow:0 0 8px #4aff4a80}33%{box-shadow:0 0 8px #ffd70080}66%{box-shadow:0 0 8px #ff6b6b80}}@keyframes notepadFlyToShredder{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-120%) scale(.85);opacity:1}}@keyframes notepadPullIn{0%{transform:translate(-50%,-120%) scale(.85);opacity:1}50%{transform:translate(-50%,-80%) scale(.7)}to{transform:translate(-50%,-65%) scale(.5);opacity:.3}}@keyframes notepadShredding{0%{transform:translate(-50%,-20%) scale(.6);opacity:.5}to{transform:translate(-50%) scale(.3);opacity:0}}.confetti{position:absolute;border-radius:3px;animation:confettiFall 2.5s cubic-bezier(.25,.46,.45,.94) forwards;opacity:0}@keyframes confettiFall{0%{top:35%;opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}to{top:80%;opacity:0;transform:translateY(50px) rotate(360deg)}}.bubble-gun{position:absolute;bottom:20%;left:50%;transform:translate(-50%);font-size:4.5rem;animation:bubbleGunEntry .5s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 4px 12px rgba(186,225,255,.4))}.bubble{position:absolute;top:50%;background:radial-gradient(circle at 30% 30%,#fffc,#bae1ff4d);border:2px solid rgba(186,225,255,.6);border-radius:50%;padding:8px 12px;font-size:1rem;color:var(--color-text);box-shadow:inset -10px -10px 20px #ffffff80,0 4px 16px #bae1ff66;animation:bubbleFloat 3.5s ease-out forwards;backdrop-filter:blur(2px)}@keyframes bubbleGunEntry{0%{transform:translate(-50%) translateY(80px) scale(.5);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}@keyframes bubbleFloat{0%{transform:translateY(0) scale(.8);opacity:0}15%{opacity:1;transform:translateY(-20px) scale(1)}85%{opacity:1;transform:translateY(-250px) scale(1.1)}to{opacity:0;transform:translateY(-280px) scale(.5)}}.toaster{position:absolute;bottom:20%;left:50%;transform:translate(-50%);animation:toasterEntry .4s cubic-bezier(.34,1.56,.64,1)}.toaster-body{width:380px;height:280px;background:linear-gradient(135deg,#ffe4b5,#ffdab9);border-radius:28px;position:relative;box-shadow:0 8px 24px #ffdab966;border:4px solid #D2691E}.toaster-body:before{content:"";position:absolute;width:310px;height:155px;background:linear-gradient(180deg,#ffffff4d,#ffc86433);border-radius:16px;top:35px;left:35px;border:4px solid rgba(210,105,30,.4);box-shadow:inset 0 3px 16px #ffa5004d}.toaster-body:after{content:"";position:absolute;width:35px;height:35px;background:radial-gradient(circle,#8b4513,#654321);border-radius:50%;bottom:35px;right:50px;box-shadow:0 3px 10px #0000004d;border:3px solid #D2691E}.toaster-slot{width:280px;height:14px;background:#8b451366;position:absolute;bottom:25px;left:50px;border-radius:7px}@keyframes toasterEntry{0%{transform:translate(-50%) translateY(100px) scale(.8);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}@keyframes notepadFoldToToast{0%{transform:translate(-50%,-50%) scale(1);opacity:1}60%{transform:translate(-50%,-50%) scale(.4) rotateY(90deg);opacity:.3}to{transform:translate(-50%,-50%) scale(.2) rotateY(180deg);opacity:.1}}.toast-pop{position:absolute;top:-5%;left:50%;transform:translate(-50%) translateY(100px);font-size:5.5rem;filter:drop-shadow(0 10px 30px rgba(255,215,0,.6));animation:toastPop .8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes toastPop{0%{transform:translate(-50%) translateY(120px) scale(.5) rotate(-10deg);opacity:0}60%{transform:translate(-50%) translateY(-20px) scale(1.15) rotate(5deg)}to{transform:translate(-50%) translateY(0) scale(1) rotate(0);opacity:1}}.washer{position:absolute;bottom:20%;left:50%;transform:translate(-50%);animation:washerEntry .4s cubic-bezier(.34,1.56,.64,1)}.washer-body{width:380px;height:380px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:40px;position:relative;box-shadow:0 8px 24px #a7b4fe4d;border:3px solid rgba(255,255,255,.6)}.washer-body:before{content:"";position:absolute;top:35px;right:35px;width:85px;height:50px;background:#a5b4fc66;border-radius:12px;box-shadow:inset 0 3px 10px #0000001a}.washer-window{width:280px;height:280px;background:radial-gradient(circle,#fffffff2,#e6f0ffcc);border:16px solid #A5B4FC;border-radius:50%;position:absolute;top:70px;left:50px;overflow:hidden;box-shadow:inset 0 6px 30px #00000026}.washer-spin{width:100%;height:100%;background:conic-gradient(from 0deg,transparent,rgba(186,225,255,.6));animation:washerSpin 1.5s linear infinite}.foam-bubble{position:absolute;background:radial-gradient(circle at 30% 30%,#fffffff2,#bae1ff99);border-radius:50%;border:1px solid rgba(186,225,255,.8);animation:foamFloat 2s ease-in-out infinite}@keyframes washerEntry{0%{transform:translate(-50%) translateY(100px) scale(.8);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}@keyframes washerSpin{to{transform:rotate(360deg)}}@keyframes washerEntry{0%{transform:translate(-50%) translateY(100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes notepadCrumple{0%{transform:translate(-50%,-50%) scale(1);border-radius:var(--radius-lg)}50%{transform:translate(-50%,-50%) scale(.8) rotate(15deg);border-radius:50%}to{transform:translate(-50%,-50%) scale(.5) rotate(45deg);border-radius:50%;box-shadow:0 4px 12px #0000004d}}@keyframes notepadFlyToWasher{0%{transform:translate(-50%,-50%) scale(.5) rotate(45deg)}to{transform:translate(-50%,-90%) scale(.4) rotate(180deg)}}@keyframes notepadBallDrop{0%{transform:translate(-50%,-90%) scale(.4) rotate(180deg);opacity:1}to{transform:translate(-50%,-50%) scale(.3) rotate(360deg);opacity:.8}}@keyframes notepadWashing{0%{transform:translate(-50%,-30%) scale(.5) rotate(0);opacity:.8}to{transform:translate(-50%,-30%) scale(.3) rotate(720deg);opacity:0}}@keyframes foamFloat{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-10px) scale(1.1);opacity:1}}@keyframes sparkleEffect{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}50%{transform:translate(-50%,-50%) scale(1.3);opacity:1}to{transform:translate(-50%,-50%) scale(.5);opacity:0}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes dissolve{to{opacity:0;filter:blur(10px)}}.juicer{position:absolute;bottom:20%;left:50%;transform:translate(-50%);animation:juicerEntry .5s cubic-bezier(.34,1.56,.64,1)}.juicer-body{width:250px;height:320px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:28px 28px 36px 36px;position:relative;box-shadow:0 8px 24px #a7f3d066;border:3px solid #6EE7B7}.juicer-body:before{content:"";position:absolute;width:140px;height:50px;background:linear-gradient(135deg,#34d399,#10b981);border-radius:14px 14px 0 0;top:-35px;left:55px;box-shadow:0 -3px 12px #10b9814d}.juicer-body:after{content:"";position:absolute;width:14px;height:85px;background:repeating-linear-gradient(0deg,#ff6b9d,#ff6b9d 12px,#fff 12px 18px);border-radius:7px;top:-60px;right:45px;transform-origin:bottom center;box-shadow:3px 3px 10px #00000026;animation:strawWiggle .6s ease-out .2s}@keyframes strawWiggle{0%,to{transform:rotate(15deg)}25%{transform:rotate(20deg)}50%{transform:rotate(10deg)}75%{transform:rotate(18deg)}}.juice-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4.5rem;animation:labelPulse 2s ease-in-out infinite}.juicer-blade{width:170px;height:170px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease}.juicer-blade.spinning{animation:spin .3s linear infinite}.juicer-blade:before,.juicer-blade:after{content:"";position:absolute;width:4px;height:60px;background:linear-gradient(180deg,#10b98199,#10b98133);border-radius:3px;top:50%;left:50%;box-shadow:0 0 8px #10b98166}.juicer-blade:before{transform:translate(-50%,-50%) rotate(0)}.juicer-blade:after{transform:translate(-50%,-50%) rotate(90deg)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.fruit-piece{position:absolute;width:16px;height:16px;border-radius:4px;animation:fruitDrop 1s ease-out forwards}.juice-flow{position:absolute;width:40px;height:0;background:linear-gradient(180deg,#fbbf24,#f59e0b);border-radius:20px 20px 8px 8px;left:50%;transform:translate(-50%);bottom:-10px;animation:juiceFlowing 1.2s ease-out forwards;box-shadow:0 4px 12px #fbbf2466}.juice-cup{width:100px;height:80px;background:linear-gradient(to top,rgba(251,191,36,.3),transparent);border:3px solid #F59E0B;border-radius:0 0 16px 16px;border-top:none;position:absolute;bottom:-90px;left:50%;transform:translate(-50%);opacity:0;animation:cupAppear .3s ease-out 3.5s forwards;overflow:hidden}.juice-fill{position:absolute;bottom:0;left:0;width:100%;height:0;background:linear-gradient(180deg,#fde68a,#fbbf24);border-radius:0 0 13px 13px;animation:cupFilling 1s ease-out 3.8s forwards}@keyframes juicerEntry{0%{transform:translate(-50%) translateY(80px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes labelPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}@keyframes fruitDrop{0%{top:-20%;opacity:1}to{top:35%;opacity:0}}@keyframes juiceFlowing{0%{height:0;opacity:0}30%{opacity:1}to{height:100px;opacity:1}}@keyframes cupAppear{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes cupFilling{0%{height:0}to{height:70%}}@keyframes breakIntoFruits{to{transform:translate(-50%,-100%) scale(.3);opacity:0}}.monster{position:absolute;bottom:20%;right:-150px;animation:monsterEntry .4s cubic-bezier(.34,1.56,.64,1) forwards}.monster-body{width:130px;height:130px;background:linear-gradient(135deg,#ddd6fe,#c4b5fd);border-radius:50% 50% 48% 48%;position:relative;box-shadow:0 8px 24px #c4b5fd66;border:3px solid rgba(167,139,250,.3)}.monster-body:before,.monster-body:after{content:"";position:absolute;width:8px;height:25px;background:linear-gradient(180deg,#a78bfa,#c4b5fd);border-radius:8px 8px 4px 4px;top:-15px}.monster-body:before{left:25px;transform:rotate(-15deg)}.monster-body:after{right:25px;transform:rotate(15deg)}.monster-eyes{position:absolute;top:35px;left:50%;transform:translate(-50%);display:flex;gap:24px}.monster-eye{width:14px;height:14px;background:#4a4a4a;border-radius:50%;position:relative}.monster-eye:after{content:"";position:absolute;width:5px;height:5px;background:#fff;border-radius:50%;top:2px;left:2px}.monster-mouth{width:45px;height:25px;border:3px solid #4A4A4A;border-top:none;border-radius:0 0 45px 45px;position:absolute;bottom:32px;left:50%;transform:translate(-50%);transition:all .3s ease;background:linear-gradient(180deg,transparent 20%,#8B5A8E 100%);overflow:hidden}.monster-mouth.open{width:60px;height:45px;background:linear-gradient(180deg,transparent 0%,#6B4A6E 100%)}.monster-cheek{position:absolute;width:20px;height:20px;background:#fbbfcb80;border-radius:50%;top:55px;opacity:0}.monster-cheek.left{left:10px}.monster-cheek.right{right:10px}.monster-body.sniffing{animation:sniff .8s ease-in-out}.monster-body.eating{animation:none}.monster-body.burping{animation:burp .4s ease}@keyframes monsterEntry{0%{right:-150px;opacity:0}to{right:15%;opacity:1}}@keyframes monsterExit{0%{right:15%;opacity:1}80%{transform:scaleX(-1)}to{right:-150px;opacity:0;transform:scaleX(-1)}}@keyframes sniff{0%,to{transform:translate(0)}50%{transform:translate(-10px)}}@keyframes chewCheek{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes burp{0%,to{transform:scale(1)}50%{transform:scale(1.05,.95)}}@keyframes notepadAttracted{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(150px,80px) scale(.6);opacity:1}}@keyframes notepadEaten{0%{transform:translate(150px,80px) scale(.6);opacity:1}50%{transform:translate(150px,100px) scale(.3) rotate(180deg);opacity:.7}to{transform:translate(150px,110px) scale(0);opacity:0}}.love-particle{position:absolute;font-size:1.5rem;animation:loveFloat 2s ease-out forwards}@keyframes loveFloat{0%{transform:translateY(0) scale(.5);opacity:0}20%{opacity:1}to{transform:translateY(-150px) scale(1);opacity:0}}.balloon{position:absolute;bottom:-120px;left:50%;transform:translate(-50%);animation:balloonEntry .5s cubic-bezier(.34,1.56,.64,1) forwards}.balloon-body{width:160px;height:200px;background:linear-gradient(135deg,#ffb3c1,#ff8fa3);border-radius:50%/60% 60% 40% 40%;position:relative;box-shadow:0 8px 24px #ff8fa366,inset -15px -15px 30px #ffffff80}.balloon-body:before{content:"";position:absolute;width:45px;height:60px;background:radial-gradient(ellipse,rgba(255,255,255,.7),transparent);border-radius:50%;top:25px;left:35px}.balloon-body:after{content:"";position:absolute;width:20px;height:20px;background:#ff6b89;border-radius:50%;bottom:-10px;left:50%;transform:translate(-50%)}.balloon-string{position:absolute;width:3px;height:100px;background:linear-gradient(180deg,#ff6b89,#ff6b894d);bottom:-100px;left:50%;transform:translate(-50%);transform-origin:top center}.balloon-knot{position:absolute;width:14px;height:14px;background:#ff6b89;border-radius:50%;bottom:0;left:50%;transform:translate(-50%)}.envelope{position:absolute;width:50px;height:35px;background:#fff9e6;border:2px solid #E5D4A3;border-radius:4px;bottom:-95px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.envelope:before{content:"";position:absolute;width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-top:20px solid #F5E6C3;top:0;left:0}.envelope:after{content:"";position:absolute;width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:18px solid #FFF9E6;top:-1px;left:0}.cloud{position:absolute;background:#fff6;border-radius:100px;opacity:0;animation:cloudDrift 3s ease-in-out forwards}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff6;border-radius:100px}@keyframes balloonEntry{0%{bottom:-120px;opacity:0}to{bottom:20%;opacity:1}}@keyframes balloonSway{0%,to{transform:translate(-50%) rotate(-3deg)}50%{transform:translate(-50%) rotate(3deg)}}@keyframes notepadToEnvelope{0%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}50%{transform:translate(-50%,-50%) scale(.5) rotate(180deg);opacity:.8}to{transform:translate(-50%,40%) scale(.3) rotate(360deg);opacity:0}}@keyframes stringTie{0%{height:20px}to{height:60px}}@keyframes balloonFlyAway{0%{transform:translate(-50%) translateY(0) scale(1);opacity:1}70%{transform:translate(-50%) translateY(-350px) scale(.7);opacity:.8}to{transform:translate(-50%) translateY(-500px) scale(.4);opacity:0}}@keyframes cloudDrift{0%{opacity:0;transform:translateY(0)}20%{opacity:.6}to{opacity:0;transform:translateY(100px)}}.jar{position:absolute;bottom:-220px;left:50%;transform:translate(-50%);animation:jarEntry .4s cubic-bezier(.34,1.56,.64,1) forwards}.jar-body{width:250px;height:320px;background:linear-gradient(135deg,#e0f2feb3,#bae6fdcc);border:4px solid rgba(125,211,252,.9);border-radius:16px 16px 24px 24px;position:relative;box-shadow:0 8px 24px #38bdf84d,inset 2px 2px 12px #fff9,inset -2px -2px 8px #38bdf833;overflow:hidden}.jar-body:before{content:"";position:absolute;width:12px;height:180px;background:linear-gradient(180deg,#fffc,#ffffff4d);border-radius:6px;top:40px;left:25px;filter:blur(1px)}.jar-body:after{content:"";position:absolute;width:4px;height:80px;background:#ffffff4d;border-radius:2px;top:40px;right:20px}.jar-lid{width:180px;height:45px;background:linear-gradient(135deg,#f5f5f0,#e8e8e0);border-radius:16px;position:absolute;top:-80px;left:50%;transform:translate(-50%);box-shadow:0 6px 16px #0003,inset 0 2px 6px #ffffffe6;border:3px solid #B8B8A8}.jar-lid:before{content:"";position:absolute;width:20px;height:8px;background:#e8e8e0;border-radius:4px;top:5px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 2px #0000001a}.jar-label{position:absolute;background:#fff9e6;padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:500;color:#8b7355;border:2px solid #E5D4A3;box-shadow:0 3px 12px #8b735533;opacity:0;right:-100px;bottom:80px;white-space:nowrap}.jar-paper-scroll{position:absolute;width:55px;height:18px;background:linear-gradient(180deg,#fff9e6,#f5edd0);border-radius:9px;border:2px solid #E5D4A3;box-shadow:0 3px 10px #8b735540}@keyframes jarEntry{0%{bottom:-220px;opacity:0}70%{bottom:22%}to{bottom:20%;opacity:1}}@keyframes jarWobble{0%,to{transform:translate(-50%) rotate(0)}25%{transform:translate(-50%) rotate(-2deg)}75%{transform:translate(-50%) rotate(2deg)}}@keyframes notepadRoll{0%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}50%{transform:translate(-50%,-50%) scale(.6) rotate(180deg);opacity:.9}to{transform:translate(-50%) scale(.2) rotate(720deg);opacity:0}}@keyframes scrollDrop{0%{top:-20px;opacity:0}50%{top:70%;opacity:1}70%{top:75%}to{top:73%;opacity:1}}@keyframes lidClose{0%{top:-50px;opacity:.5}to{top:-25px;opacity:1}}@keyframes jarGlow{0%{box-shadow:0 8px 24px #38bdf826,inset 2px 2px 8px #ffffff80}50%{box-shadow:0 8px 32px #38bdf866,inset 2px 2px 12px #fffc,0 0 20px #bae6fd80}to{box-shadow:0 8px 24px #38bdf826,inset 2px 2px 8px #ffffff80}}@keyframes labelSlideIn{0%{right:-80px;opacity:0}to{right:-60px;opacity:1}}@keyframes lightSweep{0%{left:-100%}to{left:100%}}.freeze-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:450px;height:450px}.ice-cube{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:380px;height:350px;background:linear-gradient(135deg,#bae6fd99,#e0f2fecc);border-radius:36px;border:5px solid rgba(125,211,252,.7);box-shadow:0 12px 40px #38bdf880,inset 3px 3px 16px #ffffffb3,inset -3px -3px 12px #38bdf84d}.ice-cube:before{content:"";position:absolute;top:35px;left:35px;width:95px;height:130px;background:linear-gradient(135deg,#ffffffb3,#fff3);border-radius:48px;animation:highlightSlide .4s ease-out forwards}.ice-bubble{position:absolute;border-radius:50%;background:#ffffff80;border:3px solid rgba(255,255,255,.6)}.ice-bubble:nth-child(1){width:26px;height:26px;top:30%;left:25%}.ice-bubble:nth-child(2){width:20px;height:20px;top:60%;left:70%}.ice-bubble:nth-child(3){width:23px;height:23px;top:45%;left:50%}.frost-pattern{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:320px;height:320px;background:radial-gradient(circle,transparent 20%,rgba(186,230,253,.3) 40%,rgba(224,242,254,.4) 60%,transparent 80%);opacity:0;animation:frostSpread 1.4s ease-out .4s forwards}.cold-mist{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.5) 0%,rgba(186,230,253,.3) 50%,transparent 70%);opacity:0;filter:blur(12px);animation:mistFloat 2.5s ease-in-out forwards}.cold-mist.layer-1{width:140px;height:140px;top:-30px;left:-20px;animation-delay:.5s}.cold-mist.layer-2{width:160px;height:160px;top:10px;right:-25px;animation-delay:.7s}.cold-mist.layer-3{width:120px;height:120px;bottom:-20px;left:30px;animation-delay:.9s}.snowflake{position:absolute;opacity:0;animation:snowFall 2.5s ease-in-out forwards}.snowflake.type-1{font-size:20px;color:#bae6fdcc}.snowflake.type-2{width:8px;height:8px;background:#ffffffb3;border-radius:50%;box-shadow:0 0 4px #bae6fd99}.thaw-light{position:absolute;width:6px;height:6px;background:#fbbf2499;border-radius:50%;opacity:0;box-shadow:0 0 8px #fbbf2466;animation:lightTwinkle .6s ease-in-out forwards}@keyframes iceEntry{0%{transform:translate(-50%,120%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes highlightSlide{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes frostSpread{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{opacity:.8}to{transform:translate(-50%,-50%) scale(1.1);opacity:.5}}@keyframes mistFloat{0%{opacity:0;transform:translateY(0) scale(.8)}30%{opacity:.7}70%{opacity:.5}to{opacity:0;transform:translateY(-40px) scale(1.3)}}@keyframes snowFall{0%{opacity:0;transform:translateY(-20px) rotate(0)}30%{opacity:.9}70%{opacity:.6}to{opacity:0;transform:translateY(120px) rotate(360deg)}}@keyframes iceBreathing{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.02)}}@keyframes lightTwinkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.5)}}@keyframes iceSinkAway{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,100%) scale(.8);opacity:0}}.plant-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:450px}.flower-pot{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:260px;height:150px;background:linear-gradient(135deg,tan,#bc9a6f);border-radius:0 0 30px 30px/0 0 50px 50px;border:3px solid #8B7355;box-shadow:0 4px 16px #8b73554d,inset 0 2px 4px #ffffff4d}.flower-pot:before{content:"";position:absolute;top:-2px;left:0;width:100%;height:20px;background:linear-gradient(135deg,#a0826d,#8b7355);border-radius:50%;border:2px solid #8B7355}.seed{position:absolute;width:20px;height:26px;background:linear-gradient(135deg,#8b7355,#654321);border-radius:50%/60% 60% 40% 40%;border:3px solid #654321;opacity:0}.sprout-stem{position:absolute;bottom:145px;left:50%;transform:translate(-50%) scaleY(0);transform-origin:bottom center;width:10px;height:100px;background:linear-gradient(180deg,#a7f3d0,#6ee7b7);border-radius:5px;border:3px solid #4ADE80}.leaf{position:absolute;width:50px;height:35px;background:linear-gradient(135deg,#a7f3d0,#6ee7b7);border-radius:0 50% 50% 0/0 100% 100% 0;border:3px solid #4ADE80;transform-origin:left center}.leaf.left{left:-47px;top:50px;transform:rotate(-45deg) scale(0)}.leaf.right{right:-47px;top:50px;transform:rotate(45deg) scaleX(-1) scale(0)}.flower-bloom{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:85px;height:85px}.flower-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:26px;height:26px;background:radial-gradient(circle,#fcd34d,#f59e0b);border-radius:50%;border:3px solid #D97706;z-index:2}.petal{position:absolute;width:33px;height:46px;background:linear-gradient(135deg,#fbcfe8,#f9a8d4);border-radius:50%/60% 60% 40% 40%;border:2px solid #EC4899;transform-origin:center bottom;opacity:0}.petal:nth-child(1){top:-18px;left:50%;transform:translate(-50%) rotate(0)}.petal:nth-child(2){top:-10px;left:60%;transform:translate(-50%) rotate(60deg)}.petal:nth-child(3){top:8px;left:55%;transform:translate(-50%) rotate(120deg)}.petal:nth-child(4){top:8px;left:45%;transform:translate(-50%) rotate(-120deg)}.petal:nth-child(5){top:-10px;left:40%;transform:translate(-50%) rotate(-60deg)}.sunlight{position:absolute;width:120px;height:120px;background:radial-gradient(circle,rgba(251,191,36,.3) 0%,transparent 70%);border-radius:50%;opacity:0;filter:blur(20px)}.pollen{position:absolute;width:4px;height:4px;background:#fbbf2499;border-radius:50%;opacity:0;box-shadow:0 0 6px #fbbf2466}@keyframes potEntry{0%{transform:translate(-50%) translateY(100px) scale(.9);opacity:0}70%{transform:translate(-50%) translateY(-5px) scale(1.02)}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}@keyframes potShake{0%,to{transform:translate(-50%) rotate(0)}25%{transform:translate(-50%) rotate(-2deg)}75%{transform:translate(-50%) rotate(2deg)}}@keyframes seedDrop{0%{transform:translate(-50%,-100px) scale(1);opacity:1}to{transform:translate(-50%) scale(.3);opacity:0}}@keyframes sproutGrow{0%{transform:translate(-50%) scaleY(0)}60%{transform:translate(-50%) scaleY(1.1)}to{transform:translate(-50%) scaleY(1)}}@keyframes leafUnfold{0%{transform:rotate(-45deg) scale(0)}60%{transform:rotate(-45deg) scale(1.1)}to{transform:rotate(-45deg) scale(1)}}@keyframes leafUnfoldRight{0%{transform:rotate(45deg) scaleX(-1) scale(0)}60%{transform:rotate(45deg) scaleX(-1) scale(1.1)}to{transform:rotate(45deg) scaleX(-1) scale(1)}}@keyframes petalBloom{0%{transform:scale(0);opacity:0}40%{transform:scale(.4);opacity:.6}80%{transform:scale(.9);opacity:.9}to{transform:scale(1);opacity:1}}@keyframes flowerSway{0%,to{transform:translate(-50%) rotate(0)}25%{transform:translate(-50%) rotate(-2deg)}75%{transform:translate(-50%) rotate(2deg)}}@keyframes sunlightSweep{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes pollenFloat{0%{opacity:0;transform:translate(0)}30%{opacity:.8}to{opacity:0;transform:translate(var(--x),var(--y))}}.burn-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:420px}.cute-flame{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:70px;height:115px;background:linear-gradient(180deg,#ffb366,#ffa64d 30%,#f93,#ff8c1a);border-radius:50% 50% 35% 35%/75% 75% 25% 25%;border:none;filter:drop-shadow(0 0 30px rgba(255,163,77,.4));animation:gentleBreath 1.2s ease-in-out infinite,gentleSway 1.4s ease-in-out infinite}.cute-flame:before{content:"";position:absolute;top:15px;left:18px;width:14px;height:40px;background:linear-gradient(180deg,#ffffffbf,#ffffff4d 60%,#fff0);border-radius:50%;filter:blur(4px)}.flame-inner{position:absolute;bottom:16px;left:50%;transform:translate(-50%);width:30px;height:55px;background:linear-gradient(180deg,#fffef8,#ffe899 25%,#ffd66b 70%,#ffc845);border-radius:50% 50% 40% 40%/75% 75% 25% 25%;opacity:.9;filter:blur(.8px)}.heat-wave{position:absolute;width:100px;height:5px;background:transparent;border-top:2px dashed rgba(251,146,60,.2);border-radius:50%;opacity:0}.heat-wave.line-1{top:40px;left:80px}.heat-wave.line-2{top:60px;left:70px}.heat-wave.line-3{top:80px;left:85px}.ember{position:absolute;width:5px;height:5px;border-radius:50%;opacity:0}.ember.gold{background:radial-gradient(circle,#fcd34d,#f59e0b);box-shadow:0 0 8px #fbbf2499}.ember.ash{background:radial-gradient(circle,#d1d5db,#9ca3af);box-shadow:0 0 6px #9ca3af66}.purify-sparkle{position:absolute;font-size:20px;opacity:0;filter:drop-shadow(0 0 4px rgba(251,191,36,.6))}@keyframes flameEntry{0%{transform:translate(-50%) translateY(50px) scale(.5);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}@keyframes flameSway{0%,to{transform:translate(-50%) rotate(0)}25%{transform:translate(-50%) rotate(-3deg)}75%{transform:translate(-50%) rotate(3deg)}}@keyframes gentleBreath{0%,to{transform:translate(-50%) scale(.98)}50%{transform:translate(-50%) scale(1.02)}}@keyframes gentleSway{0%,to{transform:translate(-50%) rotate(-2deg)}50%{transform:translate(-50%) rotate(2deg)}}@keyframes flameBreath{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.15)}}@keyframes flameFlicker{0%{transform:translate(-50%) scaleY(1) scaleX(1);border-radius:70% 70% 25% 25%/85% 85% 15% 15%}50%{transform:translate(-50%) scaleY(1.08) scaleX(.95);border-radius:75% 75% 20% 20%/88% 88% 12% 12%}to{transform:translate(-50%) scaleY(1) scaleX(1);border-radius:70% 70% 25% 25%/85% 85% 15% 15%}}@keyframes heatWaveFloat{0%{opacity:0;transform:translateY(0)}50%{opacity:.3}to{opacity:0;transform:translateY(-30px)}}@keyframes noteMeltGlow{0%{filter:brightness(1);box-shadow:none}to{filter:brightness(1.4) blur(2px);box-shadow:0 0 30px #fbbf24cc}}@keyframes noteToEmbers{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(0);opacity:0}}@keyframes emberRise{0%{opacity:0;transform:translate(0) scale(1)}20%{opacity:1}80%{opacity:.4}to{opacity:0;transform:translate(var(--x),var(--y)) scale(.3)}}@keyframes sparkleShine{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}@keyframes flameShrink{0%{transform:translate(-50%) scale(1);opacity:1}to{transform:translate(-50%) scale(0);opacity:0}}.melt-glow-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#fcd34d00,#fbbf244d,#f59e0b80);border-radius:inherit;opacity:0;pointer-events:none}@keyframes flameBreathOnce{0%{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.06)}to{transform:translate(-50%) scale(1)}}@keyframes glowSpread{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes flameGentleGrow{0%{transform:translate(-50%) translateY(-15px) scale(1)}50%{transform:translate(-50%) translateY(-15px) scale(1.08)}to{transform:translate(-50%) translateY(-15px) scale(1)}}.light-spark{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#fffffff2,#ffe699bf,#ffc66680 70%,#ffb34733);box-shadow:0 0 12px #ffc66680;opacity:0}@keyframes sparkRise{0%{transform:translate(-50%,-50%) translate(0) translateY(0) scale(1);opacity:.7}20%{opacity:.6}60%{transform:translate(-50%,-50%) translate(calc(var(--x) * .6)) translateY(calc(var(--y) * .65)) scale(.85);opacity:.35}to{transform:translate(-50%,-50%) translate(var(--x)) translateY(var(--y)) scale(.7);opacity:0}}.light-star{position:absolute;font-size:16px;opacity:0;filter:drop-shadow(0 0 6px rgba(251,191,36,.6))}@keyframes starRise{0%{transform:translate(-50%,-50%) translate(0) translateY(0) scale(.5) rotate(0);opacity:.8}30%{opacity:.8}70%{transform:translate(-50%,-50%) translate(var(--x)) translateY(calc(var(--y) * .8)) scale(.9) rotate(180deg);opacity:.5}to{transform:translate(-50%,-50%) translate(var(--x)) translateY(var(--y)) scale(.7) rotate(360deg);opacity:0}}.warm-halo{width:300px;height:300px;background:radial-gradient(circle,rgba(252,211,77,.5) 0%,rgba(251,191,36,.3) 30%,rgba(245,158,11,.1) 60%,transparent 100%);border-radius:50%;opacity:0}@keyframes haloAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:.6;transform:translate(-50%,-50%) scale(1)}}@keyframes haloFade{0%{opacity:.6}to{opacity:0}}.origami-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:240px;height:280px}.fold-line{position:absolute;background:transparent;border:1px dashed rgba(139,115,85,.2);opacity:0}.fold-line.diagonal{width:140px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}.fold-line.vertical{width:1px;height:140px;top:50%;left:50%;transform:translate(-50%,-50%)}.paper-crane{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:60px;opacity:0}.crane-body{position:absolute;width:50px;height:40px;background:linear-gradient(135deg,#fff1f2,#fce7f3);border:2px solid #EC4899;border-radius:40% 40% 50% 50%/50% 50% 40% 40%;top:50%;left:50%;transform:translate(-50%,-50%)}.crane-head{position:absolute;width:20px;height:15px;background:linear-gradient(135deg,#fff1f2,#fce7f3);border:2px solid #EC4899;border-radius:50% 50% 0 0;top:-12px;left:-15px;transform:rotate(-30deg)}.crane-tail{position:absolute;width:25px;height:12px;background:linear-gradient(135deg,#fff1f2,#fce7f3);border:2px solid #EC4899;border-radius:0 50% 50% 0;top:15px;right:-20px;transform:rotate(15deg)}.crane-wing.left{position:absolute;width:40px;height:30px;background:linear-gradient(135deg,#fff1f2,#fce7f3);border:2px solid #EC4899;border-radius:50% 0 0 50%/60% 0 0 60%;top:5px;left:-35px;transform-origin:right center}.crane-wing.right{position:absolute;width:40px;height:30px;background:linear-gradient(135deg,#fff1f2,#fce7f3);border:2px solid #EC4899;border-radius:0 50% 50% 0/0 60% 60% 0;top:5px;right:-35px;transform-origin:left center}.flight-trail{position:absolute;width:2px;height:80px;background:linear-gradient(180deg,transparent 0%,rgba(236,72,153,.3) 50%,transparent 100%);opacity:0}.trail-star{position:absolute;width:4px;height:4px;background:#fcd34d;border-radius:50%;opacity:0;box-shadow:0 0 6px #fbbf2499}@keyframes foldLinesAppear{0%{opacity:0}to{opacity:.3}}@keyframes foldStep1{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-15deg) scaleY(.85)}}@keyframes foldStep2{0%{transform:translate(-50%,-50%) rotate(-15deg) scaleY(.85)}to{transform:translate(-50%,-50%) rotate(0) scaleX(.7)}}@keyframes foldStep3{0%{transform:translate(-50%,-50%) rotate(0) scaleX(.7)}to{transform:translate(-50%,-50%) rotate(45deg) scale(.6,.8)}}@keyframes foldStep4{0%{transform:translate(-50%,-50%) rotate(45deg) scale(.6,.8);opacity:1}to{transform:translate(-50%,-50%) rotate(0) scale(0);opacity:0}}@keyframes craneAppear{0%{transform:translate(-50%,-50%) scale(0) rotate(-45deg);opacity:0}to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}}@keyframes wingFlap{0%,to{transform:}50%{transform:rotateX(-25deg)}}@keyframes craneFly{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(80px,-200px) rotate(-25deg) scale(.4)}}@keyframes trailAppear{0%{opacity:0;height:0}50%{opacity:.6}to{opacity:0;height:120px}}@keyframes starTwinkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.3)}}.recycle-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:450px;height:480px}.recycle-bin{position:absolute;bottom:60px;left:50%;transform:translate(-50%);width:180px;height:200px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:20px 20px 30px 30px;border:3px solid #86EFAC;box-shadow:0 8px 30px #86efac66}.recycle-bin:before{content:"";position:absolute;top:-14px;left:50%;transform:translate(-50%);width:160px;height:28px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:3px solid #86EFAC;border-radius:14px 14px 0 0}.recycle-symbol{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85px;height:85px;font-size:68px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 3px 10px rgba(134,239,172,.4))}.paper-ball{position:absolute;width:70px;height:70px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:50%;border:3px solid #F59E0B;box-shadow:0 6px 18px #f59e0b4d,inset -3px -3px 10px #d9770633}.green-particle{position:absolute;width:10px;height:10px;background:radial-gradient(circle,#86efac,#4ade80);border-radius:50%;opacity:0;box-shadow:0 0 10px #4ade8099}.cute-product{position:absolute;top:30%;left:50%;transform:translate(-50%);opacity:0}.paper-star{width:50px;height:50px;background:linear-gradient(135deg,#fef3c7,#fde68a);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);border:2px solid #F59E0B;filter:drop-shadow(0 4px 12px rgba(245,158,11,.4))}.gold-sparkle{position:absolute;font-size:16px;opacity:0;filter:drop-shadow(0 0 4px rgba(251,191,36,.6))}.transfer-arc{position:absolute;width:100px;height:100px;border:2px dashed rgba(134,239,172,.3);border-radius:50%;opacity:0}@keyframes binEntry{0%{transform:translate(-50%) translateY(80px) rotate(-5deg);opacity:0}70%{transform:translate(-50%) translateY(-5px) rotate(2deg)}to{transform:translate(-50%) translateY(0) rotate(0);opacity:1}}@keyframes paperThrow{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-30px,20px) scale(.6)}to{transform:translate(-50%,80px) scale(.4);opacity:0}}@keyframes symbolRotate{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}30%{transform:translate(-50%,-50%) rotate(180deg) scale(1.1)}70%{transform:translate(-50%,-50%) rotate(360deg) scale(1.1)}to{transform:translate(-50%,-50%) rotate(720deg) scale(1)}}@keyframes greenParticleRise{0%{opacity:0;transform:translate(0) scale(1)}30%{opacity:1}to{opacity:0;transform:translate(var(--x),var(--y)) scale(.3)}}@keyframes productPop{0%{transform:translate(-50%) scale(0) rotate(-45deg);opacity:0}70%{transform:translate(-50%) scale(1.2) rotate(5deg)}85%{transform:translate(-50%) scale(.95) rotate(-2deg)}to{transform:translate(-50%) scale(1) rotate(0);opacity:1}}@keyframes productBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}@keyframes goldSparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1.3) rotate(180deg)}}.lockbox-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;height:450px}.storage-box{position:absolute;bottom:80px;left:50%;transform:translate(-50%);width:250px;height:160px;background:linear-gradient(135deg,#fafaf9,#f5f5f4);border-radius:20px;border:3px solid #D4D4D8;box-shadow:0 8px 30px #a1a1aa4d}.cloud-lining{position:absolute;bottom:14px;left:50%;transform:translate(-50%);width:195px;height:50px;background:radial-gradient(ellipse,#E0E7FF 0%,transparent 70%);border-radius:50%;opacity:.6}.box-lid{position:absolute;bottom:225px;left:50%;transform:translate(-50%);width:256px;height:35px;background:linear-gradient(135deg,#fafaf9,#e7e5e4);border-radius:14px 14px 0 0;border:3px solid #D4D4D8;border-bottom:none;box-shadow:0 -3px 12px #a1a1aa40}.lock{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);width:85px;height:100px;opacity:0}.lock-body{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:70px;height:60px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:14px;border:3px solid #F59E0B;box-shadow:0 6px 18px #f59e0b4d}.lock-keyhole{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:20px;background:#d97706;border-radius:50% 50% 0 0}.lock-keyhole:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:7px;height:14px;background:#d97706}.lock-shackle{position:absolute;top:0;left:50%;transform:translate(-50%);width:30px;height:25px;border:4px solid #F59E0B;border-bottom:none;border-radius:15px 15px 0 0;background:transparent}.security-glow{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:radial-gradient(circle,rgba(251,191,36,.3) 0%,transparent 70%);border-radius:50%;opacity:0}@keyframes boxEntry{0%{transform:translate(-50%) translateY(60px);opacity:0}70%{transform:translate(-50%) translateY(-4px)}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes lidPeek{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-3px)}}@keyframes scrollDrop{0%{transform:translate(-50%,-80px) scale(1);opacity:1}60%{transform:translate(-50%,10px) scale(.7)}75%{transform:translate(-50%,5px) scale(.7)}to{transform:translate(-50%,8px) scale(.7);opacity:1}}@keyframes lidClose{0%{transform:translate(-50%) translateY(0)}70%{transform:translate(-50%) translateY(62px)}85%{transform:translate(-50%) translateY(60px)}to{transform:translate(-50%) translateY(62px)}}@keyframes lockAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes shackleLock{0%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(8px)}}@keyframes glowPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}@keyframes boxBreath{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.02)}}@media(max-width:768px){.title{font-size:2rem}.subtitle{font-size:.875rem}.character{right:10px;top:10px}.character-body{width:60px;height:60px}.notepad{padding:24px}.notepad-input{font-size:1rem;min-height:100px}.toolbar-title{font-size:.9rem}.toolbar{grid-template-columns:repeat(4,1fr);gap:10px}.tool-button{padding:16px 8px}.tool-icon{font-size:1.5rem}.tool-name{font-size:.75rem}.example-chip{font-size:.8rem;padding:5px 12px}.animation-stage{width:95vw;height:300px}}@media(max-width:480px){.app-container{gap:24px}.title{font-size:1.75rem}.toolbar{grid-template-columns:repeat(2,1fr)}.notepad-hint{font-size:.8rem}.refresh-chips-btn{font-size:.7rem;padding:3px 10px}}.generic-tool-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;opacity:.8}@keyframes fadeOut{to{opacity:0;transform:translate(-50%,-50%) scale(.5)}}@keyframes scaleUp{0%{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}@keyframes notepadCurlToFlame{0%{transform:translate(-50%,-52%) scale(1);opacity:1}30%{transform:translate(-50%,-54%) scale(.95) rotateX(10deg);opacity:.9}60%{transform:translate(-50%,-56%) scale(.8) rotateX(30deg);opacity:.6}to{transform:translate(-50%,-58%) scale(.5) rotateX(60deg);opacity:0}}@keyframes notepadTear{0%{transform:translate(-50%,-50%) scale(1);opacity:1}30%{transform:translate(-50%,-48%) scale(1.05) rotate(2deg);filter:blur(0px)}60%{transform:translate(-50%,-45%) scale(.9) rotate(-3deg);filter:blur(1px)}to{transform:translate(-50%,-40%) scale(.6);opacity:0;filter:blur(3px)}}@keyframes fruitDrop{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(150px) rotate(360deg);opacity:.3}}@keyframes envelopeFlyToBalloon{0%{top:80%;left:50%;transform:translate(-50%,-50%) scale(.8);opacity:0}to{top:50%;left:50%;transform:translate(-50%,20%) scale(1);opacity:1}}@keyframes scrollFlyToJar{0%{top:50%;left:50%;transform:translate(-50%) scale(1);opacity:0}to{top:35%;left:50%;transform:translate(-50%) scale(.8);opacity:1}}.bread-slice{font-size:48px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}@keyframes breadFlyToSlot{0%{top:60%;left:50%;transform:translate(-50%,-50%) scale(.8) rotate(0);opacity:0}to{top:30%;left:50%;transform:translate(-50%,-50%) scale(1) rotate(10deg);opacity:1}}@keyframes breadDropIntoSlot{0%{top:30%;transform:translate(-50%,-50%) scale(1) rotate(10deg);opacity:1}to{top:38%;transform:translate(-50%,-50%) scale(.7) rotate(0);opacity:0}}@keyframes breadAppear{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.tool-icon-img{width:3rem;height:3rem;object-fit:contain;transition:transform .25s ease;background:transparent}.tool-button:not(.disabled):hover .tool-icon-img{transform:scale(1.15)}